.content {
  width: 100%;
  height: 95%;
  padding: 30px 40px; /* 增加内边距，避免内容贴边 */
  /* 不修改背景和透明度，完全保留原有设置 */
}

/* 标题样式优化 */
.right>.content .title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 20px;
  text-align: center;
  color: #2c3e50; /* 深色文字，在透明背景上更清晰 */
  letter-spacing: 0.5px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(200, 200, 200, 0.5); /* 半透明边框，不破坏透明感 */
}

/* 日期样式优化 */
.right .content .date {
  color: #4CAF50;
  text-align: center;
  margin-bottom: 30px;
  font-size: 14px;
  font-style: italic;
  opacity: 0.9; /* 轻微加深，确保在透明背景上可见 */
}

/* 正文详情样式 */
.right .content .detail>p {
  text-indent: 2em;
  line-height: 1.8; /* 优化行高，提升阅读体验 */
  margin-bottom: 18px;
  color: #333; /* 加深文字颜色，在透明背景上更易读 */
  font-size: 15px;
}
.right .content .detail>p:last-child {
  margin-bottom: 0;
}

/* 操作按钮区域优化 */
.content .operating {
  padding-top: 40px;
  width: 320px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

/* 按钮样式（保持不透明，突出功能） */
.content .operating button {
  width: 120px;
  height: 42px;
  background-color: green; /* 纯绿色不透明，与透明背景形成对比 */
  color: white;
  border-radius: 6px;
  border: none;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 轻量阴影，增强按钮立体感 */
  opacity: 1; /* 强制不透明，不受背景影响 */
}
/* 区分删除按钮 */
.content .operating button:nth-child(2) {
  background-color: #f44336;
}
/* 按钮交互效果 */
.content .operating button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.content .operating button:active {
  transform: translateY(0);
}